.app-table {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 15px;
	background-color: var(--app-container-bg);
	border-radius: 4px;
	transition: 0.3s;
	&:hover {
		box-shadow: var(--app-container-box-show);
	}
	.el-table {
		// height: 100%;
		flex: 1;
		// 边框线
		--el-table-border-color: var(--app-border-color);
		// 表头
		--el-table-header-bg-color: var(--app-container-bg);
		// 表内容
		--el-table-bg-color: var(--app-container-bg);
		--el-table-tr-bg-color: var(--app-container-bg);
		// 悬浮
		--el-table-row-hover-bg-color: var(--app-container-bg);
		--el-table-current-row-bg-color: var(--app-container-bg);
		:deep(.cell) {
			color: var(--app-container-text);
		}
	}
	.pagination {
		display: flex;
		justify-content: end;
		margin-top: 10px;
		:deep(.el-pagination) {
			// 字体色
			--el-pagination-button-color: var(--app-container-text);
			// 选中高亮字体
			--el-pagination-hover-color: var(--app-text-primary);
			// 分页背景
			--el-pagination-bg-color: var(--app-container-bg);
			// 按钮禁止点击背景
			--el-pagination-button-disabled-bg-color: var(--app-container-bg);
			.el-pagination__total {
				color: var(--app-container-text);
			}
			.el-pagination__jump {
				color: var(--app-container-text);
			}
		}
	}
}
